<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>公告管理</title>
    <link rel="stylesheet" href="css/overview.css">

</head>
<body>
<div class="announceContainer">
    <h3>公告发布</h3>
    <div class="announce" id="announce">
        <input type="button" value="公告" id="announcebtn">
        <input type="button" value="温馨提示" id="tips">
        <input type="button" value="活动" id="activity">
    </div>
    <div><textarea rows="4" cols="25" placeholder="请输入要发布的内容"></textarea></div>
    <input type="button" value="发布" id="submit" class="announceSubmit">
    <h3>已发布内容</h3>
    <div class="oldAnnounce" id="oldAnnounce">
        <textarea name="" id="" cols="25" rows="4"></textarea>
    </div>
</div>
</body>
<script src="../../js/jquery-3.2.1.min.js"></script>
<script>
    window.onload = function () {
        if($('#checkbox-id').is(':checked')) {
            // do something
        }
        $("#announce").on("click", function (e) {

            $("#announce input").css('background-color', '#15648b');
        });
    }
</script>
</html>